<div class="grid_x" style="padding: 20px">
    <table>
        <tr>
            <td class="w100">Youtube link</td>
            <td colspan="3">
                <div class="pr10">
                    <input id="txtLink" type="text"  class="classic-input w100pc"
                           placeholder="Please using YouTube Watch Link"
                           value="{{$Data["OBJ"]->Source|escape:'html'}}"
                           />
                </div>
            </td>
        </tr>
        <tr>
            <td class="w100">Youtube Key</td>
            <td class="w320">
                <input id="txtVideoKey" type="text"  class="classic-input w320"
                       value="{{$Data["OBJ"]->VideoKey|escape:'html'}}"
                       />

            </td>
            <td colspan="2" class="">
                <input type="button" class="classic-button" 
                       value="Get Video Infomartion by Youtube Key or Youtube link" 
                       onclick="getYoutubeInfo();"/>
            </td>
        </tr>
        <tr>
            <td class="w100">Title</td>
            <td colspan="3">
                <div class="pr10">
                    <input type="hidden" id="txtID" value="{{$Data["OBJ"]->ID}}"/>
                    <input id="txtTitle" type="text"  class="classic-input w100pc"
                           onblur="getAliasTo('#txtTitle','#txtAlias')"
                           value="{{$Data["OBJ"]->Title|escape:'html'}}"
                           />
                </div>
            </td>
        </tr>
        <tr>
            <td class="w100">Alias</td>
            <td colspan="3">
                <div class="pr10">
                    <input id="txtAlias" disabled="1" type="text"  class="classic-input w100pc"
                           style="background: #fff"
                           value="{{$Data["OBJ"]->Alias}}"
                           />
                </div>
            </td>
        </tr>
        <tr>
            <td class="w100">Thumbs</td>
            <td colspan="3">
                <div class="pr10 pr">
                    <input id="txtThumbs" type="text"  class="classic-input w100pc" placeholder="Tự động lấy từ video ( YouTube )"
                           value="{{$Data["OBJ"]->Thumbs|escape:'html'}}"
                           />
                    </form>
                    <div class="pa hover50 icon16 chooseimage chooseimage_icon"
                         onclick="BrowseServer('txtThumb');"
                         title="Choose image from my host"
                         >
                </div>
            </td>
        </tr>
        <tr>
            <td class="w100">Description</td>
            <td colspan="3">
                <div class="pr10">
                    <textarea id="txtDescription" style="min-height: 96px" class="classic-input w100pc rsv">{{$Data["OBJ"]->Description|escape:'html'}}</textarea>
                </div>
            </td>
        </tr>
        <tr>
            <td class="w100">Tag</td>
            <td colspan="3">
                <div class="pr10">
                    <textarea id="txtTag" style="min-height: 64px;" class="classic-input w100pc rsv">{{$Data["OBJ"]->Tag|escape:'html'}}</textarea>
                </div>
            </td>
        </tr>
    </table>
</div>
<div class="grid_x pt20 pl20">
    <img width="320" style="padding: 4px;min-height: 180px;background-color: #fff" class="bdbccc thumbs bgloadding32" src="{{$Data["OBJ"]->Thumbs|escape:'html'}}"/>
</div>
<div class="clear"></div>